<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div class="body">
			<input type="checkbox" id="c" class="a"/>全选
			<input type="checkbox" id="c4" />取消<br />
			<input type="checkbox" id="c1" class="a"/>商品1<br />
			<input type="checkbox" id="c2" class="a"/>商品2<br />
			<input type="checkbox" id="c3" class="a"/>商品3<br />
			
		</div>
		<script src="js/jquery-1.12.4 (1).js" ></script>
		<script type="text/javascript">
//			$(function(){
//				$("#c").click(function(){
//					$(".a").prop("checked",true);
//					
//				});
//				$("#c4").click(function(){
//					$(".a").prop("checked",false);
//					
//				});
//			})
                $(function(){
				$("#c").click(function(){
					$(".a").prop("checked",$(this).prop("checked"));
				});	
				});
		</script>
	</body>
</html>
